<template>
<!--
  - Copyright (C) 2018-2019
  - All rights reserved, Designed By www.joolun.com
  - 注意：
  - 本软件为www.joolun.com开发研制，项目使用请保留此说明
-->
<view class="goods-container">
  <view class="goods-box" v-for="(item,index) in (goodsList)" :key="index">
    


<navigator hover-class="none" :url="'/pages/goods/goods-detail/index?id='+(item.id)">
      <view class="text-black margin-top text-bold padding-lr overflow-1">{{item.name}}</view>
      <view class="img-box">
        <image :src="item.picUrls[0] ? item.picUrls[0] : '/public/img/no_pic.png'" class="margin-top-xs"/>
      </view>
      <view class="text-center margin-top">
        <view class="cu-tag line-black round text-df text-price text-bold text-black">{{item.salesPrice}}</view>
        <view class="market-price text-price text-gray text-sm margin-top-xs">
          {{item.marketPrice}}
        </view>
      </view>
    </navigator>



  </view>
</view>
</template>

<script>
/**
 * Copyright (C) 2018-2019
 * All rights reserved, Designed By www.joolun.com
 * 注意：
 * 本软件为www.joolun.com开发研制，项目使用请保留此说明
 */
export default {data() {
return {};
}, 
props: {
  goodsList: {
    type: Array,
    default: () => []
  }
}, 
methods: {}};
</script>
<style >

.goods-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: content-box;
  padding: 20rpx;
}
.goods-box {
  width: 346rpx;
  height: 560rpx;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 40rpx;
  border-radius: 20rpx;
	box-shadow: 0rpx 0rpx 60rpx rgba(211, 211, 211, 1);
}
.goods-box .img-box {
  width: 100%;
  height: 349rpx;
  overflow: hidden;
}
.goods-box .img-box image {
  width: 100%;
  height: 336rpx;
}
.market-price{
  text-decoration: line-through;
}
</style>